<div class="status-icon" [ngSwitch]="status">
    <div class="wrapper">
        <ng-container *ngSwitchCase="pipelineStatusEnum.BUILDING">
            <img id="gifloader" height="24" width="24" src="./assets/images/loader.gif">
        </ng-container>
        <i *ngSwitchCase="pipelineStatusEnum.SUCCESS" nz-icon nzType="check" nzTheme="outline" class="green"></i>
        <ng-container *ngSwitchCase="pipelineStatusEnum.FAIL">
            <i nz-icon nzType="close" nzTheme="outline" class="red" *ngIf="!optional"></i>
            <i nz-icon nzType="warning" nzTheme="outline" class="orange" *ngIf="optional"></i>
        </ng-container>
        <ng-container *ngSwitchCase="'Error'">
            <i nz-icon nzType="close" nzTheme="outline" class="red" *ngIf="!optional"></i>
            <i nz-icon nzType="warning" nzTheme="outline" class="orange" *ngIf="optional"></i>
        </ng-container>
        <i *ngSwitchCase="pipelineStatusEnum.STOPPED" nz-icon nzType="stop" nzTheme="outline" class="red"></i>
        <i *ngSwitchCase="pipelineStatusEnum.DISABLED" nz-icon nzType="stop" nzTheme="outline"></i>
        <i *ngSwitchCase="pipelineStatusEnum.SKIPPED" nz-icon nzType="stop" nzTheme="outline"></i>
        <i *ngSwitchCase="pipelineStatusEnum.WAITING" nz-icon nzType="field-time" nzTheme="outline" class="blue"></i>
        <i *ngSwitchDefault nz-icon nzType="field-time" nzTheme="outline"></i>
    </div>
</div>
